Pubblicata: 20 maggio 2025
In occasione della conferenza Google I/O 2025, abbiamo presentato nuove funzionalità per potenziare la tua produttività e per consentirti di creare un web più potente, fluido e moderno.
Ecco 10 innovazioni chiave che ti mettono a disposizione funzionalità all'avanguardia e che sicuramente ispireranno il tuo prossimo progetto.
1. I caroselli sono più facili che mai da creare con poche righe di CSS e HTML
Crea bellissimi caroselli con CSS che sono interattivi al primo caricamento. Chrome 135 ha introdotto nuove primitive CSS, come la frammentazione stilizzabile, gli elementi di scorrimento e i pulsanti di scorrimento, semplificando la creazione di caroselli senza JavaScript. Utilizza concetti CSS familiari per creare caroselli accattivanti, interattivi, fluidi e più accessibili, in una frazione del tempo.
2. Popup dichiarativi: presentazione della nuova API Interest Invoker
L'API sperimentale Interest Invoker è disponibile come
prova dell'origine.
Con questa funzionalità, puoi attivare e disattivare i popup in modo dichiarativo quando l'interesse dei visitatori è attivo per un breve periodo di tempo. Addio all'attributo
[title] non personalizzabile; benvenuto
[interesttarget]! Abbinala all'API Anchor Positioning e all'API Popup per creare elementi dell'interfaccia utente interattivi, responsivi e avanzati come descrizioni comando o schede popup senza JavaScript. Le possibilità sono infinite con il CSS moderno.
3. Sono disponibili diverse API di IA integrate che utilizzano modelli leader come Gemini Nano, ora con funzionalità multimodali nell'API Prompt
Il nostro percorso di IA integrata prosegue, offrendoti privacy avanzata, latenza ridotta e costi inferiori, nonché l'accesso a un output di alta qualità creato con l'IA. L'IA integrata utilizza modelli di esperti e Gemini Nano, il modello più efficiente di Google, per le attività sul dispositivo. A partire da Chrome 138, l'API Summarizer, l'API Language Detector, l'API Translator e l'API Prompt per le estensioni di Chrome sono disponibili nella versione stabile. Inoltre, le API Writer e Rewriter sono disponibili nelle prove dell'origine.
La nuova API Proofreader, insieme all'API Prompt con funzionalità multimodali, sono disponibili in Chrome Canary.
Per le informazioni più recenti, partecipa al nostro programma di anteprima per collaborare alle nuove API di IA integrate e plasmare il futuro dell'IA sul web.
4. L'IA lato client si estende con l'API Firebase e Gemini Developer per fornire una soluzione di IA ibrida
Grazie alla nostra collaborazione con Firebase e l'API Gemini Developer, ora puoi creare esperienze web basate sull'IA su dispositivi mobili e computer. Queste applicazioni utilizzano l'IA lato client, se possibile, e si adattano senza problemi all'IA lato server per raggiungere tutti i dispositivi e i browser. A partire da oggi, Firebase AI Logic offre accesso diretto all'API Prompt integrata di Chrome, supportata da Gemini Nano e da modelli più piccoli simili lato server utilizzando l'API Gemini Developer.
5. L'assistenza AI in Chrome DevTools supporta il flusso di lavoro di debug per stili, prestazioni e altro ancora
Con l'assistenza dell'IA, puoi chattare con Gemini per risolvere i problemi di debug degli stili nel riquadro Elementi, risolvere i problemi di prestazioni nel riquadro Prestazioni, identificare i problemi di rete nel riquadro Rete e individuare i file di origine nel riquadro Origini. Inoltre, l'assistenza IA ora può applicare le modifiche relative allo stile direttamente al codice sorgente nel riquadro Elementi.
6. I dati degli utenti reali, gli approfondimenti di Lighthouse e le funzionalità di IA nel riquadro Prestazioni di Chrome DevTools ti aiutano a comprendere e risolvere i problemi di prestazioni
Con il riorganizzato riquadro Prestazioni, ora puoi accedere ai dati di Core Web Vitals locali e degli utenti reali e chiedere a Gemini di aiutarti a comprendere e risolvere i problemi di prestazioni. La barra laterale Approfondimenti integra gli approfondimenti di Lighthouse nelle tue tracce, aiutandoti a eseguire il debug più velocemente, il tutto senza dover uscire dal tuo flusso di lavoro o interrompere la tua produttività.
7. La disponibilità delle funzionalità di base è ora disponibile negli strumenti che già utilizzi: VS Code, ESLint e altri
Ottieni una maggiore precisione e affidabilità nel flusso di lavoro di sviluppo web con l'integrazione di Baseline. All'interno degli strumenti di sviluppo web che già conosci, potrai avere una chiara visibilità sulla disponibilità delle funzionalità web nei principali browser:
- IDE: VSCode ora mostra lo stato del baseline delle funzionalità durante la compilazione. Il supporto sarà presto disponibile per WebStorm di JetBrains e per gli IDE basati su VS Code, tra cui Firebase Studio, Windsurf, GitHub Codespaces e altri ancora.
- Linters: i linters CSS e HTML possono avvisarti in modo proattivo quando utilizzi una funzionalità più recente del tuo target di riferimento. La base di riferimento è supportata in ESLint per CSS, HTML ESLint e Stylelint.
- Dati e analisi: RUMvision combina i dati di riferimento con le metriche degli utenti reali, consentendoti di selezionare in modo strategico la versione di riferimento ottimale per il tuo pubblico. Gli utenti di Google Analytics possono caricare i propri dati nel strumento di controllo del benchmark di Google Analytics per ricevere consigli sul benchmark.
- Compilatori: utilizza browserslist-config-baseline per collegare i target Baseline agli strumenti di compilazione del codice come Babel e PostCSS in modo da poter utilizzare le funzionalità moderne nel codice sorgente e compilarle nelle build di produzione.
8. Ottieni una visione completa del supporto delle funzionalità web con la dashboard della piattaforma web
L'anno scorso abbiamo annunciato la dashboard della piattaforma web, un modo per esplorare i dati sulle funzionalità web che mappano l'intera piattaforma web come un insieme di funzionalità. Ora che il set di dati delle funzionalità web è mappato al 100%, per la prima volta puoi visualizzare lo stato di riferimento di ogni funzionalità su ogni browser, da AVIF alle transizioni di visualizzazione, inclusa la loro disponibilità e l'adozione. Resta al corrente e crea con sicurezza.
9. Prova per sviluppatori per un'esperienza di accesso semplificata con Gestore delle credenziali
Siamo consapevoli delle difficoltà che più metodi di autenticazione, tra cui password, federazione dell'identità e passkey, possono causare agli utenti dei tuoi siti. Il nostro obiettivo è offrire agli utenti un'esperienza di accesso unificata e senza problemi, pertanto stiamo portando in Chrome l'esperienza intuitiva del gestore delle credenziali di Android. A breve, quando gli utenti faranno clic su Accedi, Chrome mostrerà le credenziali disponibili per questo sito, ad esempio le passkey e le password del Gestore delle password di Google, semplificando l'accesso. Prevediamo di aggiungere anche la federazione di identità a questa esperienza. Gestione delle credenziali per il web è ora in prova per gli sviluppatori. Continua a seguirci per altri aggiornamenti entro la fine dell'anno.
10. Esegui l'iterazione sulle estensioni di Chrome più velocemente con la possibilità di annullare la revisione dei contenuti inviati
Inviare l'estensione di Chrome dovrebbe essere un'esperienza semplice, senza problemi ed entusiasmante. Tuttavia, sappiamo che un'area di attrito era l'impossibilità di correggere rapidamente un errore in un invio in attesa. All'inizio di quest'anno abbiamo introdotto la possibilità di annullare un invio in attesa, che si basa sulla possibilità di ripristinare una versione pubblicata in precedenza, il tutto con l'obiettivo di consentirti di apportare modifiche e inviare nuovamente il tutto rapidamente.
Per tutte le ultime informazioni, visita developer.chrome.com e web.dev per scoprire di più su come stiamo creando un web potente, semplificato. Inoltre, non esitare a contattarci su X, YouTube e LinkedIn. Ci vediamo al prossimo I/O.
Per Deloitte si intende una o più società Deloitte Touche Tohmatsu Limited, una società privata a responsabilità limitata del Regno Unito ("DTTL"), la sua rete di società associate e le relative persone giuridiche correlate. DTTL e ciascuna delle sue società associate sono persone giuridiche legalmente separate e indipendenti. DTTL (indicata anche come "Deloitte Global") non fornisce servizi ai clienti. Negli Stati Uniti, Deloitte si riferisce a una o più delle società associate statunitensi di DTTL, alle loro persone giuridiche correlate che operano utilizzando il nome "Deloitte" negli Stati Uniti e alle rispettive affiliate. Alcuni servizi potrebbero non essere disponibili per i clienti che devono sottoporsi a certificazione ai sensi delle norme e delle normative della contabilità pubblica. Visita il sito www.deloitte.com/about per scoprire di più sulla nostra rete globale di società associate.